<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:form id="formularioCotizacionAntigua">
        <p:panelGrid style="width:100%;margin: 10px auto;" id="panelAntiguo">
            <p:row >
                <p:column style="width: 200px">
                    <h:outputLabel id="lblCategoriaArticulo" value="SUB-CATEGOR&Iacute;A" styleClass="lblForm"  />
                </p:column>
                <p:column colspan="2">
                    <p:selectOneMenu id="cbxCategoriaArticulo" converter="#{categoriaArticuloConverter}" 
                                     value="#{BKCotizacion.categoriaArticulo}"> 
                        <f:selectItem itemLabel="Seleccionar" itemValue="" />  
                        <f:selectItems value="#{BKCotizacion.listaCategoriaArticulos}" 
                                       var="categoria" itemLabel="#{categoria.nombre}"
                                       itemValue="#{categoria}" />	
                        <p:ajax update="idArticulo" listener="#{MBCotizacion.buscarArticuloAnt}" event="change" />
                    </p:selectOneMenu>
                    <p:message for="cbxCategoriaArticulo" display="text" />
                </p:column>

            </p:row>

            <p:row>
                <p:column>
                    <h:outputLabel id="lblProducto" value="PRODUCTO(*)" styleClass="lblForm"  />
                </p:column>
                <p:column colspan="2">
                    <p:selectOneMenu value="#{BKCotizacion.idArticuloAnt.id}" id="idArticulo" 
                                     filter="true" filterMatchMode="contains"
                                     panelStyle="width:450px;font-size:10px" style="width: 450px">  
                        <f:selectItem itemLabel="Seleccionar" itemValue="0" />  
                        <f:selectItems value="#{BKCotizacion.listaArticulosFormularioAnt}" var="art" 
                                       itemLabel="#{art.nombreComercial}" itemValue="#{art.id}" /> 
                        <p:ajax update="cbxCodigoCotizacion" listener="#{MBCotizacion.cargarCodigos}" event="change" />
                    </p:selectOneMenu>
                    <p:message for="idArticulo" display="text"/>
                </p:column>
            </p:row>
            <p:row>
                <p:column >
                    <h:outputLabel id="lblCodigoCotizacion" value="C&Oacute;DIGO DE COTIZACI&Oacute;N(*)" styleClass="lblForm"  />
                </p:column>
                <p:column colspan="2">
                    <p:selectOneMenu id="cbxCodigoCotizacion" required="true" style="width: 140px" 
                                     value="#{BKCotizacion.idCotizacionAntigua}"> 
                        <f:selectItem itemLabel="Seleccionar" itemValue="0" /> 
                        <f:selectItems value="#{BKCotizacion.listaCotizacionesActivos}" var="cot" 
                                       itemLabel="#{cot.codigo}" itemValue="#{cot.id}"/>	
                        <p:ajax update="txtVersion,txtDetalle,txtFechaCreacion,btnAplicar" listener="#{MBCotizacion.buscarCotizacionAntigua}" />  
                    </p:selectOneMenu>
                    <p:message for="cbxCodigoCotizacion" display="text"/>	
                </p:column>
            </p:row>
            <p:row>
                <p:column >
                    <h:outputLabel id="lblVersion" value="VERSI&Oacute;N " styleClass="lblForm"  />
                </p:column>
                <p:column colspan="2">
                    <h:outputLabel style="font-weight: bold" id="txtVersion" value="#{BKCotizacion.cotizacionAntigua.version}"/>
                </p:column>
                
            </p:row>
            <p:row>
                <p:column>
                    <h:outputLabel id="lblDetalle" value="DETALLE: " styleClass="lblForm"  />
                </p:column>
                <p:column colspan="2">
                    <h:outputLabel style="font-weight: bold" id="txtDetalle" value="#{BKCotizacion.cotizacionAntigua.detalle}"/>
                </p:column>
                
            </p:row>
            <p:row>
                <p:column>
                    <h:outputLabel id="lblFechaCreacion" value="FECHA CREACI&Oacute;N: " styleClass="lblForm"  />
                </p:column>
                <p:column colspan="2">
                    <h:outputText style="font-weight: bold" id="txtFechaCreacion" value="#{BKCotizacion.cotizacionAntigua.fecCreacion}">
                        <f:convertDateTime pattern="dd/MM/yyyy" />
                    </h:outputText>
                </p:column>

            </p:row>
            
            <p:row>
                <p:column colspan="3">
                    <p:selectOneRadio id="optTipo" value="#{BKCotizacion.tipoCotAntigua}">  
                        <f:selectItem itemLabel="Nueva Versión" itemValue="N" />
                        <f:selectItem itemLabel="Importar Datos" itemValue="R" />  
                    </p:selectOneRadio>  
                </p:column>

            </p:row>
            <p:row>
                <p:column colspan="3" style="text-align: center">
                    <p:commandButton style="text-align: center;" value="APLICAR" id="btnAplicar"
                                     actionListener="#{MBCotizacion.aplicarDatosAntiguos}"
                                     oncomplete="if (args.validationFailed){ buscarAntiguo.show()} else {buscarAntiguo.hide()}"
                                     update=":formularioCotizacion,panelAntiguo"
                                     disabled="#{BKCotizacion.cotizacionAntigua.id eq null?'true':'false'}" />
                    <p:commandButton type="button" value="CANCELAR" onclick="buscarAntiguo.hide()"/>
                </p:column>
            </p:row>
        </p:panelGrid> 

    </h:form>
</html>